<!DOCTYPE html>
<html lang="en-US">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>前端突击 - 前端面试训练营 | 鱼皮的编程宝典</title>
    <meta name="generator" content="VuePress 1.9.10">
    <link rel="icon" href="/favicon.ico">
    <script>
        var _hmt = _hmt || [];
        (function() {
          var hm = document.createElement("script");
          hm.src = "https://hm.baidu.com/hm.js?2675818a983a3131404cee835018f016";
          var s = document.getElementsByTagName("script")[0]; 
          s.parentNode.insertBefore(hm, s);
        })();
      </script>
    <meta name="description" content="贴心的编程学习路线，全面的编程知识百科">
    <meta property="article:modified_time" content="2023-12-15T06:04:22.000Z">
    <meta property="og:site_name" content="鱼皮的编程宝典">
    <meta property="og:title" content="前端突击 - 前端面试训练营">
    <meta property="og:type" content="article">
    <meta property="og:url" content="https://codefather.cn/%E5%89%8D%E7%AB%AF%E7%AA%81%E5%87%BB-%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95%E8%AE%AD%E7%BB%83%E8%90%A5/">
    <meta name="twitter:title" content="前端突击 - 前端面试训练营">
    <meta name="twitter:url" content="https://codefather.cn/%E5%89%8D%E7%AB%AF%E7%AA%81%E5%87%BB-%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95%E8%AE%AD%E7%BB%83%E8%90%A5/">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:label1" content="Written by">
    <meta name="twitter:label2" content="Filed under">
    <meta name="twitter:data2" content="程序员, 编程, 计算机">
    <meta property="article:tag" content="程序员">
    <meta name="keywords" content="程序员鱼皮, 编程学习路线, 编程知识百科, Java, 编程导航, 前端, 开发, 编程分享, 项目, IT, 求职, 面经">
    
    <link rel="preload" href="/assets/css/0.styles.40c15e22.css" as="style"><link rel="preload" href="/assets/js/app.12ab4756.js" as="script"><link rel="preload" href="/assets/js/2.fd06b53e.js" as="script"><link rel="preload" href="/assets/js/29.177558be.js" as="script"><link rel="prefetch" href="/assets/js/1.17ea1209.js"><link rel="prefetch" href="/assets/js/10.d9532d8f.js"><link rel="prefetch" href="/assets/js/100.064ea126.js"><link rel="prefetch" href="/assets/js/101.d64c5b33.js"><link rel="prefetch" href="/assets/js/102.5e29a62c.js"><link rel="prefetch" href="/assets/js/103.59ad6cd7.js"><link rel="prefetch" href="/assets/js/104.ae4763e8.js"><link rel="prefetch" href="/assets/js/105.2a9124be.js"><link rel="prefetch" href="/assets/js/106.529bca07.js"><link rel="prefetch" href="/assets/js/107.c8671a0d.js"><link rel="prefetch" href="/assets/js/108.55c93c64.js"><link rel="prefetch" href="/assets/js/109.7d1efa54.js"><link rel="prefetch" href="/assets/js/11.2f89b5eb.js"><link rel="prefetch" href="/assets/js/110.0caecbf5.js"><link rel="prefetch" href="/assets/js/111.a2aeae49.js"><link rel="prefetch" href="/assets/js/112.eb7ceda5.js"><link rel="prefetch" href="/assets/js/113.f304408d.js"><link rel="prefetch" href="/assets/js/114.988c637f.js"><link rel="prefetch" href="/assets/js/115.bfdeed31.js"><link rel="prefetch" href="/assets/js/116.a47b8c53.js"><link rel="prefetch" href="/assets/js/117.2e1e8250.js"><link rel="prefetch" href="/assets/js/118.758ce408.js"><link rel="prefetch" href="/assets/js/119.73d9e688.js"><link rel="prefetch" href="/assets/js/12.53aaa509.js"><link rel="prefetch" href="/assets/js/120.202a8b2e.js"><link rel="prefetch" href="/assets/js/121.ca91d59a.js"><link rel="prefetch" href="/assets/js/122.8804c0dd.js"><link rel="prefetch" href="/assets/js/123.ceada225.js"><link rel="prefetch" href="/assets/js/124.4b2718b7.js"><link rel="prefetch" href="/assets/js/125.72134235.js"><link rel="prefetch" href="/assets/js/126.167b162c.js"><link rel="prefetch" href="/assets/js/127.f8139c17.js"><link rel="prefetch" href="/assets/js/128.da64a377.js"><link rel="prefetch" href="/assets/js/129.c07963b1.js"><link rel="prefetch" href="/assets/js/13.52940164.js"><link rel="prefetch" href="/assets/js/130.f66fc8bb.js"><link rel="prefetch" href="/assets/js/131.a913c7dd.js"><link rel="prefetch" href="/assets/js/132.ea648654.js"><link rel="prefetch" href="/assets/js/133.074ca70e.js"><link rel="prefetch" href="/assets/js/134.dc79ddd8.js"><link rel="prefetch" href="/assets/js/135.c4516208.js"><link rel="prefetch" href="/assets/js/136.2546baf7.js"><link rel="prefetch" href="/assets/js/137.56454fc6.js"><link rel="prefetch" href="/assets/js/138.bdb002bf.js"><link rel="prefetch" href="/assets/js/139.40a2f9b5.js"><link rel="prefetch" href="/assets/js/14.ade1e74d.js"><link rel="prefetch" href="/assets/js/140.06b20427.js"><link rel="prefetch" href="/assets/js/141.8dd992e3.js"><link rel="prefetch" href="/assets/js/142.d9305485.js"><link rel="prefetch" href="/assets/js/143.41bf907e.js"><link rel="prefetch" href="/assets/js/144.c138960c.js"><link rel="prefetch" href="/assets/js/145.fc5b38c8.js"><link rel="prefetch" href="/assets/js/146.c9166b70.js"><link rel="prefetch" href="/assets/js/147.c31d8a01.js"><link rel="prefetch" href="/assets/js/148.5c0534ca.js"><link rel="prefetch" href="/assets/js/149.d2355ea2.js"><link rel="prefetch" href="/assets/js/15.970a8ca5.js"><link rel="prefetch" href="/assets/js/150.c1644898.js"><link rel="prefetch" href="/assets/js/151.b6e4adf0.js"><link rel="prefetch" href="/assets/js/152.7a5071aa.js"><link rel="prefetch" href="/assets/js/153.31abbc68.js"><link rel="prefetch" href="/assets/js/154.9c6bb079.js"><link rel="prefetch" href="/assets/js/155.e5506a40.js"><link rel="prefetch" href="/assets/js/156.992dab50.js"><link rel="prefetch" href="/assets/js/157.12a6ee84.js"><link rel="prefetch" href="/assets/js/158.84dc1045.js"><link rel="prefetch" href="/assets/js/159.fd2022b1.js"><link rel="prefetch" href="/assets/js/16.ff971500.js"><link rel="prefetch" href="/assets/js/160.8d8889cd.js"><link rel="prefetch" href="/assets/js/161.31797def.js"><link rel="prefetch" href="/assets/js/162.bfae7a75.js"><link rel="prefetch" href="/assets/js/163.e5e8094d.js"><link rel="prefetch" href="/assets/js/164.870f212c.js"><link rel="prefetch" href="/assets/js/165.8da20a31.js"><link rel="prefetch" href="/assets/js/166.950a187d.js"><link rel="prefetch" href="/assets/js/167.fd042c52.js"><link rel="prefetch" href="/assets/js/168.7d9f058d.js"><link rel="prefetch" href="/assets/js/169.205df80e.js"><link rel="prefetch" href="/assets/js/17.4b045b26.js"><link rel="prefetch" href="/assets/js/170.270108a3.js"><link rel="prefetch" href="/assets/js/171.9f03d27d.js"><link rel="prefetch" href="/assets/js/172.1882bac7.js"><link rel="prefetch" href="/assets/js/173.fc1fe7d4.js"><link rel="prefetch" href="/assets/js/174.d77c927b.js"><link rel="prefetch" href="/assets/js/175.019b9e83.js"><link rel="prefetch" href="/assets/js/176.5ce31bd8.js"><link rel="prefetch" href="/assets/js/177.9a2006f2.js"><link rel="prefetch" href="/assets/js/178.88265ac1.js"><link rel="prefetch" href="/assets/js/179.3205ce07.js"><link rel="prefetch" href="/assets/js/18.1cdd0514.js"><link rel="prefetch" href="/assets/js/180.2ff51f44.js"><link rel="prefetch" href="/assets/js/181.f792ce97.js"><link rel="prefetch" href="/assets/js/182.103328e1.js"><link rel="prefetch" href="/assets/js/183.40fde303.js"><link rel="prefetch" href="/assets/js/184.1f36ac78.js"><link rel="prefetch" href="/assets/js/185.cf3b1c00.js"><link rel="prefetch" href="/assets/js/186.f7981399.js"><link rel="prefetch" href="/assets/js/187.20fe296d.js"><link rel="prefetch" href="/assets/js/188.7b004fea.js"><link rel="prefetch" href="/assets/js/189.599ca2d9.js"><link rel="prefetch" href="/assets/js/19.5740e4d6.js"><link rel="prefetch" href="/assets/js/190.14087c07.js"><link rel="prefetch" href="/assets/js/191.b0f73f6d.js"><link rel="prefetch" href="/assets/js/192.9d171669.js"><link rel="prefetch" href="/assets/js/193.00975585.js"><link rel="prefetch" href="/assets/js/194.2c7c43b4.js"><link rel="prefetch" href="/assets/js/195.ff126254.js"><link rel="prefetch" href="/assets/js/196.6546ae1c.js"><link rel="prefetch" href="/assets/js/197.eedb67bb.js"><link rel="prefetch" href="/assets/js/198.acdcc22c.js"><link rel="prefetch" href="/assets/js/199.7993a6b2.js"><link rel="prefetch" href="/assets/js/20.8885a4fa.js"><link rel="prefetch" href="/assets/js/200.52f08765.js"><link rel="prefetch" href="/assets/js/201.b85ab10b.js"><link rel="prefetch" href="/assets/js/202.ccec1c85.js"><link rel="prefetch" href="/assets/js/203.3f50a6ed.js"><link rel="prefetch" href="/assets/js/204.f28b803b.js"><link rel="prefetch" href="/assets/js/205.c51c53fd.js"><link rel="prefetch" href="/assets/js/206.ba0aa8f6.js"><link rel="prefetch" href="/assets/js/207.0dce311a.js"><link rel="prefetch" href="/assets/js/208.0ea629a6.js"><link rel="prefetch" href="/assets/js/209.f48c3e71.js"><link rel="prefetch" href="/assets/js/21.0bb62db4.js"><link rel="prefetch" href="/assets/js/210.689db8f2.js"><link rel="prefetch" href="/assets/js/211.72bc0f1f.js"><link rel="prefetch" href="/assets/js/212.456135bd.js"><link rel="prefetch" href="/assets/js/213.d0ea50fc.js"><link rel="prefetch" href="/assets/js/214.1400da91.js"><link rel="prefetch" href="/assets/js/215.aeef3e5d.js"><link rel="prefetch" href="/assets/js/216.a60215af.js"><link rel="prefetch" href="/assets/js/217.d6cd8b69.js"><link rel="prefetch" href="/assets/js/218.1bd500fc.js"><link rel="prefetch" href="/assets/js/219.20faf611.js"><link rel="prefetch" href="/assets/js/22.3e8347a6.js"><link rel="prefetch" href="/assets/js/220.6714179b.js"><link rel="prefetch" href="/assets/js/221.fb5b643d.js"><link rel="prefetch" href="/assets/js/222.d96272e5.js"><link rel="prefetch" href="/assets/js/223.4cb7dc3d.js"><link rel="prefetch" href="/assets/js/224.500d94cc.js"><link rel="prefetch" href="/assets/js/225.d006c34e.js"><link rel="prefetch" href="/assets/js/226.73612150.js"><link rel="prefetch" href="/assets/js/227.b02db9d1.js"><link rel="prefetch" href="/assets/js/228.aad43ff2.js"><link rel="prefetch" href="/assets/js/229.65340802.js"><link rel="prefetch" href="/assets/js/23.ceb5a5ff.js"><link rel="prefetch" href="/assets/js/230.97cab104.js"><link rel="prefetch" href="/assets/js/231.8415349a.js"><link rel="prefetch" href="/assets/js/232.db6d2697.js"><link rel="prefetch" href="/assets/js/233.723d05b1.js"><link rel="prefetch" href="/assets/js/234.26ed5e94.js"><link rel="prefetch" href="/assets/js/235.a586122b.js"><link rel="prefetch" href="/assets/js/236.f802bda8.js"><link rel="prefetch" href="/assets/js/237.cc8767ad.js"><link rel="prefetch" href="/assets/js/238.6485459e.js"><link rel="prefetch" href="/assets/js/239.9fbf3a55.js"><link rel="prefetch" href="/assets/js/24.07267ac6.js"><link rel="prefetch" href="/assets/js/240.1188f244.js"><link rel="prefetch" href="/assets/js/241.cbfb154d.js"><link rel="prefetch" href="/assets/js/242.352cea5a.js"><link rel="prefetch" href="/assets/js/243.07947e1c.js"><link rel="prefetch" href="/assets/js/244.f5b26fa9.js"><link rel="prefetch" href="/assets/js/245.c6030e32.js"><link rel="prefetch" href="/assets/js/246.d3fe99f7.js"><link rel="prefetch" href="/assets/js/247.185ae95d.js"><link rel="prefetch" href="/assets/js/248.a5f1548c.js"><link rel="prefetch" href="/assets/js/249.19691113.js"><link rel="prefetch" href="/assets/js/25.15e1f641.js"><link rel="prefetch" href="/assets/js/250.72fa1d33.js"><link rel="prefetch" href="/assets/js/251.bedd56f7.js"><link rel="prefetch" href="/assets/js/252.32bbcc8b.js"><link rel="prefetch" href="/assets/js/253.b59e5846.js"><link rel="prefetch" href="/assets/js/254.c0e37e1a.js"><link rel="prefetch" href="/assets/js/255.850da3cc.js"><link rel="prefetch" href="/assets/js/256.952d9817.js"><link rel="prefetch" href="/assets/js/257.88667bb8.js"><link rel="prefetch" href="/assets/js/258.c5873c28.js"><link rel="prefetch" href="/assets/js/259.6ae1dcbc.js"><link rel="prefetch" href="/assets/js/26.35b2bbdc.js"><link rel="prefetch" href="/assets/js/260.cb940cc3.js"><link rel="prefetch" href="/assets/js/261.0686c3e9.js"><link rel="prefetch" href="/assets/js/262.d0719839.js"><link rel="prefetch" href="/assets/js/263.ae83ebc1.js"><link rel="prefetch" href="/assets/js/264.209ad8a3.js"><link rel="prefetch" href="/assets/js/265.be8d1ee8.js"><link rel="prefetch" href="/assets/js/266.c51bceaa.js"><link rel="prefetch" href="/assets/js/267.fe8af48a.js"><link rel="prefetch" href="/assets/js/268.e18ed861.js"><link rel="prefetch" href="/assets/js/269.7126031e.js"><link rel="prefetch" href="/assets/js/27.270fcb06.js"><link rel="prefetch" href="/assets/js/270.89ead106.js"><link rel="prefetch" href="/assets/js/271.0643d07a.js"><link rel="prefetch" href="/assets/js/272.32a8e4b0.js"><link rel="prefetch" href="/assets/js/273.9881da47.js"><link rel="prefetch" href="/assets/js/274.2de022ea.js"><link rel="prefetch" href="/assets/js/275.d9a4fe99.js"><link rel="prefetch" href="/assets/js/276.d33de2e9.js"><link rel="prefetch" href="/assets/js/277.1ec367ab.js"><link rel="prefetch" href="/assets/js/278.66ab7c11.js"><link rel="prefetch" href="/assets/js/279.ff51cd15.js"><link rel="prefetch" href="/assets/js/28.ef3f6db2.js"><link rel="prefetch" href="/assets/js/280.ef45ed5f.js"><link rel="prefetch" href="/assets/js/281.87f26b81.js"><link rel="prefetch" href="/assets/js/282.c8ef594b.js"><link rel="prefetch" href="/assets/js/283.15643091.js"><link rel="prefetch" href="/assets/js/284.c4f25b2e.js"><link rel="prefetch" href="/assets/js/285.2d16e4b6.js"><link rel="prefetch" href="/assets/js/286.44eba266.js"><link rel="prefetch" href="/assets/js/287.7613e62f.js"><link rel="prefetch" href="/assets/js/288.b9546d55.js"><link rel="prefetch" href="/assets/js/289.125f85d8.js"><link rel="prefetch" href="/assets/js/290.db375797.js"><link rel="prefetch" href="/assets/js/291.90946626.js"><link rel="prefetch" href="/assets/js/292.a4524678.js"><link rel="prefetch" href="/assets/js/293.3ed9b083.js"><link rel="prefetch" href="/assets/js/294.d6c14116.js"><link rel="prefetch" href="/assets/js/295.2b485032.js"><link rel="prefetch" href="/assets/js/296.29d9aa0f.js"><link rel="prefetch" href="/assets/js/297.bfd72435.js"><link rel="prefetch" href="/assets/js/298.fc056989.js"><link rel="prefetch" href="/assets/js/299.0a3f258e.js"><link rel="prefetch" href="/assets/js/3.4dc033c7.js"><link rel="prefetch" href="/assets/js/30.248a229d.js"><link rel="prefetch" href="/assets/js/300.d064d776.js"><link rel="prefetch" href="/assets/js/301.d95b9fc0.js"><link rel="prefetch" href="/assets/js/302.1afa637a.js"><link rel="prefetch" href="/assets/js/303.231beaa8.js"><link rel="prefetch" href="/assets/js/304.05df35d9.js"><link rel="prefetch" href="/assets/js/305.f2d83cf9.js"><link rel="prefetch" href="/assets/js/306.d54f5e5e.js"><link rel="prefetch" href="/assets/js/307.d5df9000.js"><link rel="prefetch" href="/assets/js/308.ef2f52b3.js"><link rel="prefetch" href="/assets/js/309.d1f13319.js"><link rel="prefetch" href="/assets/js/31.32a62b91.js"><link rel="prefetch" href="/assets/js/310.30b84be3.js"><link rel="prefetch" href="/assets/js/311.d79e3145.js"><link rel="prefetch" href="/assets/js/312.58e24f19.js"><link rel="prefetch" href="/assets/js/313.9809a122.js"><link rel="prefetch" href="/assets/js/314.e92e41b1.js"><link rel="prefetch" href="/assets/js/315.8c2fc1d4.js"><link rel="prefetch" href="/assets/js/316.a0904343.js"><link rel="prefetch" href="/assets/js/317.18e42b54.js"><link rel="prefetch" href="/assets/js/318.6b051d27.js"><link rel="prefetch" href="/assets/js/319.513b0197.js"><link rel="prefetch" href="/assets/js/32.23b75afc.js"><link rel="prefetch" href="/assets/js/320.ae91bc36.js"><link rel="prefetch" href="/assets/js/321.a194efea.js"><link rel="prefetch" href="/assets/js/322.8273020e.js"><link rel="prefetch" href="/assets/js/323.d332e08f.js"><link rel="prefetch" href="/assets/js/324.ed867b64.js"><link rel="prefetch" href="/assets/js/325.c43ccf9a.js"><link rel="prefetch" href="/assets/js/326.9497d879.js"><link rel="prefetch" href="/assets/js/327.7f095e40.js"><link rel="prefetch" href="/assets/js/328.cb5c5847.js"><link rel="prefetch" href="/assets/js/329.d36b59f3.js"><link rel="prefetch" href="/assets/js/33.b258b779.js"><link rel="prefetch" href="/assets/js/330.b1a092b9.js"><link rel="prefetch" href="/assets/js/331.ff86566f.js"><link rel="prefetch" href="/assets/js/332.0daafa9f.js"><link rel="prefetch" href="/assets/js/333.b7e50524.js"><link rel="prefetch" href="/assets/js/334.7dcf9f0b.js"><link rel="prefetch" href="/assets/js/335.862c410a.js"><link rel="prefetch" href="/assets/js/336.c6384990.js"><link rel="prefetch" href="/assets/js/337.ab9d5e52.js"><link rel="prefetch" href="/assets/js/338.598ae59e.js"><link rel="prefetch" href="/assets/js/339.9b810ff8.js"><link rel="prefetch" href="/assets/js/34.3bd60f1f.js"><link rel="prefetch" href="/assets/js/340.5609a53c.js"><link rel="prefetch" href="/assets/js/341.969d335a.js"><link rel="prefetch" href="/assets/js/342.43f85dba.js"><link rel="prefetch" href="/assets/js/343.47280ef9.js"><link rel="prefetch" href="/assets/js/344.346ae5fc.js"><link rel="prefetch" href="/assets/js/345.32166361.js"><link rel="prefetch" href="/assets/js/346.86ff128b.js"><link rel="prefetch" href="/assets/js/347.3c5421fe.js"><link rel="prefetch" href="/assets/js/348.95910300.js"><link rel="prefetch" href="/assets/js/349.004158d8.js"><link rel="prefetch" href="/assets/js/35.18e8f66a.js"><link rel="prefetch" href="/assets/js/350.e10b195b.js"><link rel="prefetch" href="/assets/js/351.12f89875.js"><link rel="prefetch" href="/assets/js/352.83957394.js"><link rel="prefetch" href="/assets/js/353.475971b9.js"><link rel="prefetch" href="/assets/js/354.8af7b26b.js"><link rel="prefetch" href="/assets/js/355.85925e24.js"><link rel="prefetch" href="/assets/js/356.1d77cf9c.js"><link rel="prefetch" href="/assets/js/357.b467d481.js"><link rel="prefetch" href="/assets/js/358.ac96f32d.js"><link rel="prefetch" href="/assets/js/359.e048bd10.js"><link rel="prefetch" href="/assets/js/36.a7ae257c.js"><link rel="prefetch" href="/assets/js/360.e9b45545.js"><link rel="prefetch" href="/assets/js/361.ad1bb45b.js"><link rel="prefetch" href="/assets/js/362.4e24a30b.js"><link rel="prefetch" href="/assets/js/363.64f7dad5.js"><link rel="prefetch" href="/assets/js/364.d9e3ebc2.js"><link rel="prefetch" href="/assets/js/365.330e3086.js"><link rel="prefetch" href="/assets/js/366.a6c0afb3.js"><link rel="prefetch" href="/assets/js/367.ffcefa40.js"><link rel="prefetch" href="/assets/js/368.664c8e4d.js"><link rel="prefetch" href="/assets/js/369.67da2dd2.js"><link rel="prefetch" href="/assets/js/37.d709f9a9.js"><link rel="prefetch" href="/assets/js/370.b1791970.js"><link rel="prefetch" href="/assets/js/371.743a461a.js"><link rel="prefetch" href="/assets/js/372.7703ef1b.js"><link rel="prefetch" href="/assets/js/373.17de31f6.js"><link rel="prefetch" href="/assets/js/374.e508be9e.js"><link rel="prefetch" href="/assets/js/375.6e2e9fe3.js"><link rel="prefetch" href="/assets/js/376.8ca3511a.js"><link rel="prefetch" href="/assets/js/377.bfcee39c.js"><link rel="prefetch" href="/assets/js/378.21852b78.js"><link rel="prefetch" href="/assets/js/379.9649c307.js"><link rel="prefetch" href="/assets/js/38.68ca920e.js"><link rel="prefetch" href="/assets/js/380.dadb4418.js"><link rel="prefetch" href="/assets/js/381.a03c993d.js"><link rel="prefetch" href="/assets/js/382.bb7c22c1.js"><link rel="prefetch" href="/assets/js/383.bd68b2e5.js"><link rel="prefetch" href="/assets/js/384.f6dc7457.js"><link rel="prefetch" href="/assets/js/385.14287a91.js"><link rel="prefetch" href="/assets/js/386.a6284ac2.js"><link rel="prefetch" href="/assets/js/387.c51f147a.js"><link rel="prefetch" href="/assets/js/388.06d9651e.js"><link rel="prefetch" href="/assets/js/389.2d85d927.js"><link rel="prefetch" href="/assets/js/39.de850db9.js"><link rel="prefetch" href="/assets/js/390.2397b3e0.js"><link rel="prefetch" href="/assets/js/391.8413aaaf.js"><link rel="prefetch" href="/assets/js/392.00eecaa4.js"><link rel="prefetch" href="/assets/js/393.351dd3fd.js"><link rel="prefetch" href="/assets/js/394.d2cc4a70.js"><link rel="prefetch" href="/assets/js/395.abee64bf.js"><link rel="prefetch" href="/assets/js/396.bc265e6a.js"><link rel="prefetch" href="/assets/js/397.e4a96944.js"><link rel="prefetch" href="/assets/js/398.f0d26b29.js"><link rel="prefetch" href="/assets/js/399.e77c3ddc.js"><link rel="prefetch" href="/assets/js/4.2f502b73.js"><link rel="prefetch" href="/assets/js/40.91635261.js"><link rel="prefetch" href="/assets/js/400.c7eac401.js"><link rel="prefetch" href="/assets/js/401.06092d16.js"><link rel="prefetch" href="/assets/js/402.4e08e496.js"><link rel="prefetch" href="/assets/js/403.deba4c77.js"><link rel="prefetch" href="/assets/js/404.9100e4df.js"><link rel="prefetch" href="/assets/js/405.e9f451e2.js"><link rel="prefetch" href="/assets/js/406.a0da4aa4.js"><link rel="prefetch" href="/assets/js/407.58b2b123.js"><link rel="prefetch" href="/assets/js/408.eb2cde2d.js"><link rel="prefetch" href="/assets/js/409.9041f749.js"><link rel="prefetch" href="/assets/js/41.169a3cfc.js"><link rel="prefetch" href="/assets/js/410.c12f3710.js"><link rel="prefetch" href="/assets/js/411.452cda45.js"><link rel="prefetch" href="/assets/js/412.8691317a.js"><link rel="prefetch" href="/assets/js/413.25a68f21.js"><link rel="prefetch" href="/assets/js/414.7a9699d8.js"><link rel="prefetch" href="/assets/js/415.6e8cdaff.js"><link rel="prefetch" href="/assets/js/416.e8a86529.js"><link rel="prefetch" href="/assets/js/417.28330bde.js"><link rel="prefetch" href="/assets/js/418.2fed8e17.js"><link rel="prefetch" href="/assets/js/419.773032f4.js"><link rel="prefetch" href="/assets/js/42.e17cd061.js"><link rel="prefetch" href="/assets/js/420.56681228.js"><link rel="prefetch" href="/assets/js/421.0d170e13.js"><link rel="prefetch" href="/assets/js/422.fc8c2a11.js"><link rel="prefetch" href="/assets/js/423.e34ea6a6.js"><link rel="prefetch" href="/assets/js/424.20fe8748.js"><link rel="prefetch" href="/assets/js/425.f001b7cd.js"><link rel="prefetch" href="/assets/js/426.a91230ef.js"><link rel="prefetch" href="/assets/js/427.c6c9fe8d.js"><link rel="prefetch" href="/assets/js/428.9d4f5e41.js"><link rel="prefetch" href="/assets/js/429.c81cfd3f.js"><link rel="prefetch" href="/assets/js/43.f88aa667.js"><link rel="prefetch" href="/assets/js/430.eb61372f.js"><link rel="prefetch" href="/assets/js/431.4a25365a.js"><link rel="prefetch" href="/assets/js/432.42fc1bbe.js"><link rel="prefetch" href="/assets/js/433.8e9ac9f0.js"><link rel="prefetch" href="/assets/js/434.fdd0b160.js"><link rel="prefetch" href="/assets/js/435.d6cbac31.js"><link rel="prefetch" href="/assets/js/436.17750ba2.js"><link rel="prefetch" href="/assets/js/437.a1468099.js"><link rel="prefetch" href="/assets/js/438.ac6a45c2.js"><link rel="prefetch" href="/assets/js/439.242ae27a.js"><link rel="prefetch" href="/assets/js/44.3f36e228.js"><link rel="prefetch" href="/assets/js/440.b80b520c.js"><link rel="prefetch" href="/assets/js/441.e51a4bbb.js"><link rel="prefetch" href="/assets/js/442.ab0b3eda.js"><link rel="prefetch" href="/assets/js/443.47e44250.js"><link rel="prefetch" href="/assets/js/444.54c3b425.js"><link rel="prefetch" href="/assets/js/445.e006c12e.js"><link rel="prefetch" href="/assets/js/446.f2b79730.js"><link rel="prefetch" href="/assets/js/447.2509a397.js"><link rel="prefetch" href="/assets/js/448.b7d69dfc.js"><link rel="prefetch" href="/assets/js/449.8a575d9b.js"><link rel="prefetch" href="/assets/js/45.be1455b1.js"><link rel="prefetch" href="/assets/js/450.ad421aeb.js"><link rel="prefetch" href="/assets/js/451.f09912ae.js"><link rel="prefetch" href="/assets/js/452.f528c4ce.js"><link rel="prefetch" href="/assets/js/453.fc4dc0f9.js"><link rel="prefetch" href="/assets/js/454.733c315c.js"><link rel="prefetch" href="/assets/js/455.44fe35b1.js"><link rel="prefetch" href="/assets/js/456.7f650035.js"><link rel="prefetch" href="/assets/js/457.77ebc183.js"><link rel="prefetch" href="/assets/js/458.133078f4.js"><link rel="prefetch" href="/assets/js/459.33728b5e.js"><link rel="prefetch" href="/assets/js/46.5ad74cb5.js"><link rel="prefetch" href="/assets/js/460.6946f564.js"><link rel="prefetch" href="/assets/js/461.6f906c5c.js"><link rel="prefetch" href="/assets/js/462.26eca27e.js"><link rel="prefetch" href="/assets/js/463.e02e5f65.js"><link rel="prefetch" href="/assets/js/464.0df25c63.js"><link rel="prefetch" href="/assets/js/465.80cd249e.js"><link rel="prefetch" href="/assets/js/466.a0921e86.js"><link rel="prefetch" href="/assets/js/467.1bec2b47.js"><link rel="prefetch" href="/assets/js/468.b6fa37c1.js"><link rel="prefetch" href="/assets/js/469.a1d2487e.js"><link rel="prefetch" href="/assets/js/47.03df5d0a.js"><link rel="prefetch" href="/assets/js/470.36a4b9c8.js"><link rel="prefetch" href="/assets/js/471.28895273.js"><link rel="prefetch" href="/assets/js/472.b9fe392f.js"><link rel="prefetch" href="/assets/js/473.a2835d9c.js"><link rel="prefetch" href="/assets/js/474.cd57b37d.js"><link rel="prefetch" href="/assets/js/475.8d5a9792.js"><link rel="prefetch" href="/assets/js/476.f7f3781c.js"><link rel="prefetch" href="/assets/js/477.9b710b04.js"><link rel="prefetch" href="/assets/js/478.46d66687.js"><link rel="prefetch" href="/assets/js/479.e7444705.js"><link rel="prefetch" href="/assets/js/48.48f286ba.js"><link rel="prefetch" href="/assets/js/480.da2b750a.js"><link rel="prefetch" href="/assets/js/481.838a8e04.js"><link rel="prefetch" href="/assets/js/482.02bf8041.js"><link rel="prefetch" href="/assets/js/483.bb29ef2f.js"><link rel="prefetch" href="/assets/js/484.aebb68bd.js"><link rel="prefetch" href="/assets/js/485.a66ab41b.js"><link rel="prefetch" href="/assets/js/486.8df516fb.js"><link rel="prefetch" href="/assets/js/487.86d28130.js"><link rel="prefetch" href="/assets/js/488.0863da70.js"><link rel="prefetch" href="/assets/js/489.5d4d9e88.js"><link rel="prefetch" href="/assets/js/49.1ca52d11.js"><link rel="prefetch" href="/assets/js/490.3fd65d85.js"><link rel="prefetch" href="/assets/js/491.ae3a2f87.js"><link rel="prefetch" href="/assets/js/492.6f54679b.js"><link rel="prefetch" href="/assets/js/493.a594b1f4.js"><link rel="prefetch" href="/assets/js/494.4f03fae1.js"><link rel="prefetch" href="/assets/js/495.ae50b66b.js"><link rel="prefetch" href="/assets/js/496.bc92d835.js"><link rel="prefetch" href="/assets/js/497.eac65251.js"><link rel="prefetch" href="/assets/js/498.1d726726.js"><link rel="prefetch" href="/assets/js/499.01e4f7d1.js"><link rel="prefetch" href="/assets/js/5.7b1f056c.js"><link rel="prefetch" href="/assets/js/50.73732fe2.js"><link rel="prefetch" href="/assets/js/500.062ade4e.js"><link rel="prefetch" href="/assets/js/501.e6a711dc.js"><link rel="prefetch" href="/assets/js/502.c79e28e2.js"><link rel="prefetch" href="/assets/js/503.bf97bce9.js"><link rel="prefetch" href="/assets/js/504.b2784ef0.js"><link rel="prefetch" href="/assets/js/505.0767ba54.js"><link rel="prefetch" href="/assets/js/506.8ae14637.js"><link rel="prefetch" href="/assets/js/507.003e2349.js"><link rel="prefetch" href="/assets/js/508.ecb5e6bd.js"><link rel="prefetch" href="/assets/js/509.b644f44a.js"><link rel="prefetch" href="/assets/js/51.bed7cf61.js"><link rel="prefetch" href="/assets/js/510.b660946f.js"><link rel="prefetch" href="/assets/js/511.cb186c8f.js"><link rel="prefetch" href="/assets/js/512.d176170f.js"><link rel="prefetch" href="/assets/js/513.18a1afa5.js"><link rel="prefetch" href="/assets/js/514.4a33e931.js"><link rel="prefetch" href="/assets/js/515.8496bd4d.js"><link rel="prefetch" href="/assets/js/516.529b9476.js"><link rel="prefetch" href="/assets/js/517.289738f1.js"><link rel="prefetch" href="/assets/js/518.eda39556.js"><link rel="prefetch" href="/assets/js/519.85b42de5.js"><link rel="prefetch" href="/assets/js/52.22a7da62.js"><link rel="prefetch" href="/assets/js/520.8b531775.js"><link rel="prefetch" href="/assets/js/521.8e4b66fb.js"><link rel="prefetch" href="/assets/js/522.050bfc55.js"><link rel="prefetch" href="/assets/js/523.e973f1e0.js"><link rel="prefetch" href="/assets/js/524.fd160738.js"><link rel="prefetch" href="/assets/js/525.5a4bc307.js"><link rel="prefetch" href="/assets/js/526.361bc4fa.js"><link rel="prefetch" href="/assets/js/527.06ee9d73.js"><link rel="prefetch" href="/assets/js/528.22d9b118.js"><link rel="prefetch" href="/assets/js/529.b7592c16.js"><link rel="prefetch" href="/assets/js/53.767f3bbf.js"><link rel="prefetch" href="/assets/js/530.ad96d564.js"><link rel="prefetch" href="/assets/js/531.61905243.js"><link rel="prefetch" href="/assets/js/532.11aebf61.js"><link rel="prefetch" href="/assets/js/533.0cddb226.js"><link rel="prefetch" href="/assets/js/534.d1c9cc36.js"><link rel="prefetch" href="/assets/js/54.d1f9eec8.js"><link rel="prefetch" href="/assets/js/55.aa90e812.js"><link rel="prefetch" href="/assets/js/56.4d7f81f2.js"><link rel="prefetch" href="/assets/js/57.3c540e8d.js"><link rel="prefetch" href="/assets/js/58.fc1c23f2.js"><link rel="prefetch" href="/assets/js/59.c7a7a4c0.js"><link rel="prefetch" href="/assets/js/6.056886f1.js"><link rel="prefetch" href="/assets/js/60.40e590ae.js"><link rel="prefetch" href="/assets/js/61.e400b323.js"><link rel="prefetch" href="/assets/js/62.bbb30ef1.js"><link rel="prefetch" href="/assets/js/63.c31cd2bb.js"><link rel="prefetch" href="/assets/js/64.62321188.js"><link rel="prefetch" href="/assets/js/65.44adc2b3.js"><link rel="prefetch" href="/assets/js/66.b5740d4f.js"><link rel="prefetch" href="/assets/js/67.76c3624c.js"><link rel="prefetch" href="/assets/js/68.6dd982d4.js"><link rel="prefetch" href="/assets/js/69.eb1390ec.js"><link rel="prefetch" href="/assets/js/7.a96cecf9.js"><link rel="prefetch" href="/assets/js/70.8c882bdd.js"><link rel="prefetch" href="/assets/js/71.001c968a.js"><link rel="prefetch" href="/assets/js/72.ae4ca075.js"><link rel="prefetch" href="/assets/js/73.d6ae6a27.js"><link rel="prefetch" href="/assets/js/74.fba60e37.js"><link rel="prefetch" href="/assets/js/75.0b1bf7bf.js"><link rel="prefetch" href="/assets/js/76.ee19d90e.js"><link rel="prefetch" href="/assets/js/77.fe8ac5f0.js"><link rel="prefetch" href="/assets/js/78.ae09432e.js"><link rel="prefetch" href="/assets/js/79.c1b10e2d.js"><link rel="prefetch" href="/assets/js/80.ae809538.js"><link rel="prefetch" href="/assets/js/81.ca11b4c7.js"><link rel="prefetch" href="/assets/js/82.308b98e4.js"><link rel="prefetch" href="/assets/js/83.355d9dde.js"><link rel="prefetch" href="/assets/js/84.a2b61d48.js"><link rel="prefetch" href="/assets/js/85.cf992fda.js"><link rel="prefetch" href="/assets/js/86.f547c7ea.js"><link rel="prefetch" href="/assets/js/87.2b02746a.js"><link rel="prefetch" href="/assets/js/88.e939aad5.js"><link rel="prefetch" href="/assets/js/89.b000c42a.js"><link rel="prefetch" href="/assets/js/90.dadef001.js"><link rel="prefetch" href="/assets/js/91.c0fe2e32.js"><link rel="prefetch" href="/assets/js/92.e09650b9.js"><link rel="prefetch" href="/assets/js/93.427c7280.js"><link rel="prefetch" href="/assets/js/94.90fc5f58.js"><link rel="prefetch" href="/assets/js/95.13d42b3a.js"><link rel="prefetch" href="/assets/js/96.d0a2ea8c.js"><link rel="prefetch" href="/assets/js/97.cc9a0eda.js"><link rel="prefetch" href="/assets/js/98.3c9f1b7e.js"><link rel="prefetch" href="/assets/js/99.0420dcbc.js"><link rel="prefetch" href="/assets/js/vendors~docsearch.33b2b47d.js">
    <link rel="stylesheet" href="/assets/css/0.styles.40c15e22.css">
  </head>
  <body>
    <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/" class="home-link router-link-active"><img src="/logo.png" alt="鱼皮的编程宝典" class="logo"> <span class="site-name can-hide">鱼皮的编程宝典</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/学习路线/" class="nav-link">
  学习路线
</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="自学之路" class="dropdown-title"><span class="title">自学之路</span> <span class="arrow down"></span></button> <button type="button" aria-label="自学之路" class="mobile-dropdown-title"><span class="title">自学之路</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/自学之路/#大学经历" class="nav-link">
  大学经历
</a></li><li class="dropdown-item"><!----> <a href="/自学之路/#求职经历" class="nav-link">
  求职经历
</a></li><li class="dropdown-item"><!----> <a href="/自学之路/#职场工作" class="nav-link">
  职场工作
</a></li><li class="dropdown-item"><!----> <a href="/自学之路/#创作经历" class="nav-link">
  创作经历
</a></li><li class="dropdown-item"><!----> <a href="/自学之路/#创业经历" class="nav-link">
  创业经历
</a></li><li class="dropdown-item"><!----> <a href="/自学之路/#生活日常" class="nav-link">
  生活日常
</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="编程分享" class="dropdown-title"><span class="title">编程分享</span> <span class="arrow down"></span></button> <button type="button" aria-label="编程分享" class="mobile-dropdown-title"><span class="title">编程分享</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/编程分享/#入门必看-学习路线" class="nav-link">
  入门必看-学习路线
</a></li><li class="dropdown-item"><!----> <a href="/编程分享/#学习指南" class="nav-link">
  学习指南
</a></li><li class="dropdown-item"><!----> <a href="/编程分享/#开发经验" class="nav-link">
  开发经验
</a></li><li class="dropdown-item"><!----> <a href="/编程分享/#求职经验" class="nav-link">
  求职经验
</a></li><li class="dropdown-item"><!----> <a href="/编程分享/#职场经验" class="nav-link">
  职场经验
</a></li><li class="dropdown-item"><!----> <a href="/编程分享/#技术分享" class="nav-link">
  技术分享
</a></li><li class="dropdown-item"><!----> <a href="/编程分享/#实战教程" class="nav-link">
  实战教程
</a></li><li class="dropdown-item"><!----> <a href="/编程分享/#其他" class="nav-link">
  其他
</a></li><li class="dropdown-item"><!----> <a href="/编程分享/#📚-项目教程" class="nav-link">
  项目教程
</a></li><li class="dropdown-item"><!----> <a href="/编程分享/#个人作品" class="nav-link">
  个人作品
</a></li><li class="dropdown-item"><!----> <a href="/编程分享/#🎁-编程资源" class="nav-link">
  编程资源
</a></li><li class="dropdown-item"><!----> <a href="/编程分享/#🌐-科技科普" class="nav-link">
  科技科普
</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="项目实战" class="dropdown-title"><span class="title">项目实战</span> <span class="arrow down"></span></button> <button type="button" aria-label="项目实战" class="mobile-dropdown-title"><span class="title">项目实战</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/项目实战/OJ 判题系统.html" class="nav-link">
  OJ 判题系统
</a></li><li class="dropdown-item"><!----> <a href="/项目实战/智能 BI 平台.html" class="nav-link">
  智能 BI 平台
</a></li><li class="dropdown-item"><!----> <a href="/项目实战/聚合搜索平台.html" class="nav-link">
  聚合搜索平台
</a></li><li class="dropdown-item"><!----> <a href="/项目实战/API 开放平台.html" class="nav-link">
  API 开放平台
</a></li><li class="dropdown-item"><!----> <a href="/项目实战/伙伴匹配系统.html" class="nav-link">
  伙伴匹配系统
</a></li><li class="dropdown-item"><!----> <a href="/项目实战/用户中心项目.html" class="nav-link">
  用户中心项目
</a></li><li class="dropdown-item"><!----> <a href="/项目实战/Java 后端万用项目模板.html" class="nav-link">
  Java 后端万用项目模板
</a></li></ul></div></div><div class="nav-item"><a href="/知识碎片/" class="nav-link">
  知识碎片
</a></div><div class="nav-item"><a href="/编程导航/" class="nav-link">
  🔥 编程导航
</a></div><div class="nav-item"><a href="/产品服务/" class="nav-link">
  产品服务
</a></div><div class="nav-item"><a href="/作者/" class="nav-link">
  作者
</a></div> <a href="https://github.com/liyupi/codefather" target="_blank" rel="noopener noreferrer" class="repo-link">
    GitHub
    <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/学习路线/" class="nav-link">
  学习路线
</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="自学之路" class="dropdown-title"><span class="title">自学之路</span> <span class="arrow down"></span></button> <button type="button" aria-label="自学之路" class="mobile-dropdown-title"><span class="title">自学之路</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/自学之路/#大学经历" class="nav-link">
  大学经历
</a></li><li class="dropdown-item"><!----> <a href="/自学之路/#求职经历" class="nav-link">
  求职经历
</a></li><li class="dropdown-item"><!----> <a href="/自学之路/#职场工作" class="nav-link">
  职场工作
</a></li><li class="dropdown-item"><!----> <a href="/自学之路/#创作经历" class="nav-link">
  创作经历
</a></li><li class="dropdown-item"><!----> <a href="/自学之路/#创业经历" class="nav-link">
  创业经历
</a></li><li class="dropdown-item"><!----> <a href="/自学之路/#生活日常" class="nav-link">
  生活日常
</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="编程分享" class="dropdown-title"><span class="title">编程分享</span> <span class="arrow down"></span></button> <button type="button" aria-label="编程分享" class="mobile-dropdown-title"><span class="title">编程分享</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/编程分享/#入门必看-学习路线" class="nav-link">
  入门必看-学习路线
</a></li><li class="dropdown-item"><!----> <a href="/编程分享/#学习指南" class="nav-link">
  学习指南
</a></li><li class="dropdown-item"><!----> <a href="/编程分享/#开发经验" class="nav-link">
  开发经验
</a></li><li class="dropdown-item"><!----> <a href="/编程分享/#求职经验" class="nav-link">
  求职经验
</a></li><li class="dropdown-item"><!----> <a href="/编程分享/#职场经验" class="nav-link">
  职场经验
</a></li><li class="dropdown-item"><!----> <a href="/编程分享/#技术分享" class="nav-link">
  技术分享
</a></li><li class="dropdown-item"><!----> <a href="/编程分享/#实战教程" class="nav-link">
  实战教程
</a></li><li class="dropdown-item"><!----> <a href="/编程分享/#其他" class="nav-link">
  其他
</a></li><li class="dropdown-item"><!----> <a href="/编程分享/#📚-项目教程" class="nav-link">
  项目教程
</a></li><li class="dropdown-item"><!----> <a href="/编程分享/#个人作品" class="nav-link">
  个人作品
</a></li><li class="dropdown-item"><!----> <a href="/编程分享/#🎁-编程资源" class="nav-link">
  编程资源
</a></li><li class="dropdown-item"><!----> <a href="/编程分享/#🌐-科技科普" class="nav-link">
  科技科普
</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="项目实战" class="dropdown-title"><span class="title">项目实战</span> <span class="arrow down"></span></button> <button type="button" aria-label="项目实战" class="mobile-dropdown-title"><span class="title">项目实战</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/项目实战/OJ 判题系统.html" class="nav-link">
  OJ 判题系统
</a></li><li class="dropdown-item"><!----> <a href="/项目实战/智能 BI 平台.html" class="nav-link">
  智能 BI 平台
</a></li><li class="dropdown-item"><!----> <a href="/项目实战/聚合搜索平台.html" class="nav-link">
  聚合搜索平台
</a></li><li class="dropdown-item"><!----> <a href="/项目实战/API 开放平台.html" class="nav-link">
  API 开放平台
</a></li><li class="dropdown-item"><!----> <a href="/项目实战/伙伴匹配系统.html" class="nav-link">
  伙伴匹配系统
</a></li><li class="dropdown-item"><!----> <a href="/项目实战/用户中心项目.html" class="nav-link">
  用户中心项目
</a></li><li class="dropdown-item"><!----> <a href="/项目实战/Java 后端万用项目模板.html" class="nav-link">
  Java 后端万用项目模板
</a></li></ul></div></div><div class="nav-item"><a href="/知识碎片/" class="nav-link">
  知识碎片
</a></div><div class="nav-item"><a href="/编程导航/" class="nav-link">
  🔥 编程导航
</a></div><div class="nav-item"><a href="/产品服务/" class="nav-link">
  产品服务
</a></div><div class="nav-item"><a href="/作者/" class="nav-link">
  作者
</a></div> <a href="https://github.com/liyupi/codefather" target="_blank" rel="noopener noreferrer" class="repo-link">
    GitHub
    <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav>  <ul class="sidebar-links"><li><a href="/%E4%BA%A7%E5%93%81%E6%9C%8D%E5%8A%A1/" class="sidebar-link">产品服务</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>产品服务</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/%E6%B1%82%E8%81%8C-%E5%B8%AE%E4%BD%A0%E5%86%99%E5%A5%BD%E7%AE%80%E5%8E%86%E7%9A%84%E7%A5%9E%E5%99%A8/" class="sidebar-link">求职 - 帮你写好简历的神器</a></li><li><a href="/%E5%90%8E%E7%AB%AF%E7%AA%81%E5%87%BB-%E7%8B%82%E9%A3%99%E5%90%8E%E7%AB%AF%E8%AE%AD%E7%BB%83%E8%90%A5/" class="sidebar-link">后端突击 - 狂飙后端训练营</a></li><li><a href="/%E5%89%8D%E7%AB%AF%E7%AA%81%E5%87%BB-%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95%E8%AE%AD%E7%BB%83%E8%90%A5/" aria-current="page" class="active sidebar-link">前端突击 - 前端面试训练营</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/%E5%89%8D%E7%AB%AF%E7%AA%81%E5%87%BB-%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95%E8%AE%AD%E7%BB%83%E8%90%A5/#专业面试辅导" class="sidebar-link">专业面试辅导</a></li><li class="sidebar-sub-header"><a href="/%E5%89%8D%E7%AB%AF%E7%AA%81%E5%87%BB-%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95%E8%AE%AD%E7%BB%83%E8%90%A5/#学员拿过哪些offer" class="sidebar-link">学员拿过哪些offer？</a></li><li class="sidebar-sub-header"><a href="/%E5%89%8D%E7%AB%AF%E7%AA%81%E5%87%BB-%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95%E8%AE%AD%E7%BB%83%E8%90%A5/#前端导师团队" class="sidebar-link">前端导师团队</a></li><li class="sidebar-sub-header"><a href="/%E5%89%8D%E7%AB%AF%E7%AA%81%E5%87%BB-%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95%E8%AE%AD%E7%BB%83%E8%90%A5/#辅导流程" class="sidebar-link">辅导流程</a></li><li class="sidebar-sub-header"><a href="/%E5%89%8D%E7%AB%AF%E7%AA%81%E5%87%BB-%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95%E8%AE%AD%E7%BB%83%E8%90%A5/#优秀的导师带来的经验价值" class="sidebar-link">优秀的导师带来的经验价值</a></li><li class="sidebar-sub-header"><a href="/%E5%89%8D%E7%AB%AF%E7%AA%81%E5%87%BB-%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95%E8%AE%AD%E7%BB%83%E8%90%A5/#适合人群" class="sidebar-link">适合人群</a></li><li class="sidebar-sub-header"><a href="/%E5%89%8D%E7%AB%AF%E7%AA%81%E5%87%BB-%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95%E8%AE%AD%E7%BB%83%E8%90%A5/#服务多久" class="sidebar-link">服务多久？</a></li><li class="sidebar-sub-header"><a href="/%E5%89%8D%E7%AB%AF%E7%AA%81%E5%87%BB-%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95%E8%AE%AD%E7%BB%83%E8%90%A5/#怎么报名" class="sidebar-link">怎么报名？</a></li></ul></li><li><a href="/%E8%80%83%E7%A0%94%E9%99%AA%E8%B7%91-%E7%BC%96%E7%A8%8B%E5%AF%BC%E8%88%AA%E8%AE%A1%E7%8B%97%E4%B8%8A%E5%B2%B8/" class="sidebar-link">考研陪跑 - 编程导航计狗上岸</a></li></ul></section></li></ul> </aside> <main class="page"> <div class="content"><div style="width:100%"><div class="theme-default-content custom-content content__default"><h1 id="前端突击-前端面试训练营"><a href="#前端突击-前端面试训练营" class="header-anchor">#</a> 前端突击 - 前端面试训练营</h1> <blockquote><p>本文作者：<a href="https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah" target="_blank" rel="noopener noreferrer">程序员鱼皮<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <p>本站地址：<a href="https://codefather.cn" target="_blank" rel="noopener noreferrer">https://codefather.cn<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p></blockquote> <p>这是由鱼皮和月哥等多名大厂技术专家合伙打造的编程训练营，主打 <strong>前端求职面试突击</strong> ，帮助学员 <strong>用最短的时间</strong> 从 0 到 1 拿到满意的前端开发 offer！</p> <p>下面依次介绍下我们训练营提供的服务。</p> <blockquote><p>⭐️ <a href="https://yuyuanweb.feishu.cn/docx/KeqUdEAcFobEUFxr5gvcc03tn3e#PAdgdg7ffoLm3kxhZ44cTV9lnQb" target="_blank" rel="noopener noreferrer">文末有报名方式<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p></blockquote> <h2 id="专业面试辅导"><a href="#专业面试辅导" class="header-anchor">#</a> 专业面试辅导</h2> <p>保姆级别的服务，多位前端技术专家的导师阵容，和传统培训机构不一样的是，我们主打一对一辅导，让大家感受到 vip 服务的体验，在这里全程都会有督学监督，直到流程结束。</p> <h2 id="学员拿过哪些offer"><a href="#学员拿过哪些offer" class="header-anchor">#</a> 学员拿过哪些offer？</h2> <p>面试训练营开办 3 年以来学员基本拿完所有大厂 offer，我们沉淀下来的技术经验，面试经验是巨量且丰富的。<strong>学员拿过offer有：华为，京东，阿里，腾讯，字节，快手，网易，美团，百度，携程，B站，小红书，小米，得物，喜马拉雅，滴滴，有赞，拼多多，米哈游，蚂蚁，招商银行，平安，叮咚买菜，国企，奇安信，顺丰，哈啰，中通，申通，货拉拉，明源云，途虎，茄子快传，海康，蔚来，虾皮，shein，花旗银行，zoom，亚马逊，微软，sap 还有各种独角兽及其他中小公司的的 offer，一大推，基本上能叫的上名字的公司都被我们的学员收割了一遍</strong></p> <h3 id="就业率"><a href="#就业率" class="header-anchor">#</a> 就业率</h3> <p>面试训练营升级之后，目前二期近 180+ 人，我们就业数据完全群里的小伙伴都可以看到，因为实名制，通过我们的综合面试的就业率高达 <strong>95%+</strong> ,每一位同学我们都每周跟踪状态。做好前端面试培训我们是专业的！</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/asynccode" loading="lazy" class="lazy"></p> <ul><li><a href="http://mp.weixin.qq.com/s?__biz=Mzg3ODUyODIyNA==&amp;mid=2247488065&amp;idx=1&amp;sn=03e8925d18573ad6ae87605807924ff3&amp;chksm=cf1301cef86488d8c3dccefcb5f972021c29b9c1fa287b2b503026e85a2d64172e157406f49a&amp;scene=21#wechat_redirect" target="_blank" rel="noopener noreferrer">4月面试训练营offer复盘，10几位同学拿到offer，最高40k,两位同学超过35k<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li> <li><a href="http://mp.weixin.qq.com/s?__biz=Mzg3ODUyODIyNA==&amp;mid=2247488120&amp;idx=1&amp;sn=c2e78ed13b020c2b27abd63aa2a384e2&amp;chksm=cf1301f7f86488e1b1e7107fca959eaff823fe464efbf0938a75ac1003b7bef44aece9d84d85&amp;scene=21#wechat_redirect" target="_blank" rel="noopener noreferrer">5月中旬战绩！近10位同学拿到offer，最高27k<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li> <li><a href="http://mp.weixin.qq.com/s?__biz=Mzg3ODUyODIyNA==&amp;mid=2247488405&amp;idx=1&amp;sn=e0a56b73bfbe1c55981b2c2ee79fffe1&amp;chksm=cf13001af864890cb278ac66c467345edb97fdbf5b0b2d365a76cfd9a4762f19452fdf494e8f&amp;scene=21#wechat_redirect" target="_blank" rel="noopener noreferrer">6月份11位同学拿到offer，最高28k，最高涨幅1w<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li> <li><a href="http://mp.weixin.qq.com/s?__biz=Mzg3ODUyODIyNA==&amp;mid=2247488496&amp;idx=1&amp;sn=6c39125ca8261fddb6237671f060db65&amp;chksm=cf13007ff864896952a412e6828565c2ab99071458026b8c12e58221e9b1630ee8985ef4dfd0&amp;scene=21#wechat_redirect" target="_blank" rel="noopener noreferrer">7月面试训练营喜报，10几位同学拿到offer，最高涨幅1w+,最高薪资30k+<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li> <li><a href="http://mp.weixin.qq.com/s?__biz=Mzg3ODUyODIyNA==&amp;mid=2247488511&amp;idx=1&amp;sn=6e8cf8fb79ef8d0a273714eb3bc8859c&amp;chksm=cf130070f8648966bfcc12188af436561d770c95f4ad2a7b6dceabe78f6f4ca27c647a5cdd97&amp;scene=21#wechat_redirect" target="_blank" rel="noopener noreferrer">8月，开门红，两位同学拿到offer，15k+<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul> <h2 id="前端导师团队"><a href="#前端导师团队" class="header-anchor">#</a> 前端导师团队</h2> <p>导师的水平可能就是学员的天花板，所以我们不断的为训练营注入新鲜的血液，邀请很多前端技术大佬，多位技术专家，高级技术专家加入我们的团队，帮助到学员更好的成长！目前导师团队如下：</p> <p><strong>凡哥</strong>：前腾讯高级工程师，现一线大厂前端高级技术专家，职级p8+，teamleader，掘金小册作者</p> <p><strong>红老师</strong>: 阿里前端高级技术专家，P8 级，知名前端博主，拥有 10 余年前端开发经验，Github 多个过千 Stars 的开源项目作者，负责部门的前端技术架构选型及演化、研发效率的提升和用户体验的深挖。负责团队招聘面试，累计面试上千余人。</p> <p><strong>samson</strong>:  阿里云前端技术专家，职级p7，十余年从业经验，曾负责 toB 低代码开发平台，服务超 10万+ 企业客户。在职期间主导并获得了多个国家级技术专利，参与过行业级别低代码标准申请。据有丰富的前端架构和全栈研发经验，对低代码、移动多端适配、数据可视化、前端性能优化等多个领域都有深入的研究。多年带团队经验，熟悉大厂人才选育标准。</p> <p><strong>旋哥</strong>：某厂前端架构师，职级p7，7年+开发经验，拥有众多开源明星项目，在公司主导组件库、低代码平台、基础设施等，有非常强的工程化经验落地，</p> <p><strong>龙哥</strong>：某一线前端开发专家，职级p7，8年从业经验。据有丰富的前端架构和全栈研发经验，对低代码、数据可视化、前端工程化等领域都有深入的研究。在公司负责前端架构研发，针对前端工程化、微前端架构、数据可视化渲染等技术进行落地实施。</p> <p><strong>月哥</strong>：前端面试训练营创始人，卷王一枚，主攻前端面试进阶 3 年以来学员超千人，分布在国内外。学员拿遍了一线大厂offer，有丰富的前端面试进阶的经验，以身作则，善于激发学员突破自己，努力学习达到自己的目标</p> <p><strong>鱼皮</strong>：前腾讯全栈工程师，现科技公司创始人，全网150w+粉丝的编程博主，爱做项目爱分享，github 中国区前20，有30+独立项目经验，善于把java后端、前端项目讲的通俗易懂</p> <p><strong>CUGGZ</strong>：目前在一线教育公司担任前端开发。掘金 LV8 作者，公众号“前端充电宝”号主，一年多时间输出 200 多篇原创文章，累计阅读 300w+。专注前端进阶知识，面试题分享，努力写出小白都能看懂的教程文章。</p> <p><strong>小鑫</strong>：双非校招拿到多个大厂的校招 offer，包括阿里和字节，最后去了字节，会帮助我们训练营的校招同学辅助学习各方面关于校招注意事项，以及基础算法相关。</p> <p><strong>杨杰</strong>：6 年前端开发及 4 年 IT 教育经验，千锋教育担任高级前端讲师。有丰富的实战教学经验，我们 0 基础班的负责人。</p> <h3 id="后端导师"><a href="#后端导师" class="header-anchor">#</a> 后端导师</h3> <p><strong>雷老师</strong>：宋雷：曾就职于京东和去哪儿网，前美团高级技术经理，前vipkid后端技术委员会主席，前新东方在线技术总监，对大型分布式、高并发、高可用、高性能的复杂系统设计具备丰富经验</p> <h2 id="辅导流程"><a href="#辅导流程" class="header-anchor">#</a> 辅导流程</h2> <p>区别于市面上原有的录播课或直播大班课教学模式，我们会根据根据学员的真实技术等级（初级、中级、高级、专家）和技术特点（长短板），进行有针对性的、千人千面的培训辅导。<strong>我们侧重 1v1 的重服务辅导，所以效果比较明显</strong></p> <h3 id="_1、1v1模拟面试摸底"><a href="#_1、1v1模拟面试摸底" class="header-anchor">#</a> 1、1v1模拟面试摸底</h3> <p>所以第一步，报名的1-2日之内，助教联系大家安排技术摸底，通过模拟真实面试场景，根据学员在面试中的真实表现，进行学员的能力和特点评估。全方位的了解学员的前端各方面的水平，从而制定相应的学习计划！这个其他机构你是看不到的。我们主打一对一的摸底！</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/asynccode" loading="lazy" class="lazy"></p> <h3 id="_2、制定学习计划"><a href="#_2、制定学习计划" class="header-anchor">#</a> 2、制定学习计划</h3> <p>该学习计划会在充分考虑学员诉求和职业发展的基础上，根据学员的客观工作情况进行合理安排，（这里主要有两条线，一条是需要快速跳槽，第二条是需要长期准备面试的）帮助学员补齐现有技术体系中的短板，及合理地对学员的强项进行针对性地深耕，让学员在广度和深度上均有所建树。同时，也在帮助学员做减法，摒弃一些前景不明、面试阶段涉及可能性不大的技术体系，让学员的时间和精力投入可以精准命中，取得结果。</p> <h3 id="_3、阶段性成果验收"><a href="#_3、阶段性成果验收" class="header-anchor">#</a> 3、阶段性成果验收</h3> <p>此阶段会对学员一段时间内的学习成果进行检验，包括<strong>八股文</strong>、<strong>算法</strong>和<strong>项目中的实际解决方案</strong>。同时，我们也关注学员是否与预期学习成果存在差距，学习过程中是否存在疑惑和困难，并及时进行答疑和纠偏。我们始终会贴着学员的目标走，一点一点的攻克！</p> <h3 id="_4、全周期成果验收-综合面试"><a href="#_4、全周期成果验收-综合面试" class="header-anchor">#</a> 4、全周期成果验收（综合面试）</h3> <p>此阶段主要针对于辅导学员<strong>简历优化</strong>，面试技巧、心得、节奏把控等，以及针对于不同面试官的不同面试策略。同时，仍然会对学员的八股文、算法和项目中的实际解决方案进行考察和优化。</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/asynccode" loading="lazy" class="lazy"></p> <h3 id="_5、项目重难点优化"><a href="#_5、项目重难点优化" class="header-anchor">#</a> 5、项目重难点优化</h3> <p>我们梳理了一系列的项目重难点，亮点，以及告诉大家怎么样去提炼，如果去回答，比方微前端、组件库、脚手架、大文件上传、性能优化等等；一直在做后台管理项目，怎么提炼......,在我们这里都能够找到答案！</p> <p>很多时候，难点、亮点本身就是悖论问题，你觉得难，你觉得亮，但是面试官不觉得，那就很尴尬，我们在这个过程中如何的表述好，让面试官能够感受到我们在其中的思考，很成长，这也是非常玄学的东西，千人千面，我们该如何表述项目经历，体现自己价值，也是难点之一，在这里我们都会case by case的帮助到大家如果去表达！</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/asynccode" loading="lazy" class="lazy"></p> <h3 id="_6、专项的面试复盘"><a href="#_6、专项的面试复盘" class="header-anchor">#</a> 6、专项的面试复盘</h3> <p>通过综合面试之后，学员们出去面试，我们还会对学员进行实战的面试复盘，分析总结同学在面试中发挥的情况，针对性的复盘总结，帮助到同学们更好更加明确的准备接下来的面试！</p> <h2 id="优秀的导师带来的经验价值"><a href="#优秀的导师带来的经验价值" class="header-anchor">#</a> 优秀的导师带来的经验价值</h2> <p>我们的前端导师团队的水平是非常强的，面试能力或者的技术能力，每个人都在自己擅长的领域为我们的团队做贡献，我们每周都会开例会，总结这周我们更新了哪些资料，下周的目标有哪些，这是我们的事业，会努力做的更好。</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/asynccode" loading="lazy" class="lazy"></p> <h3 id="完善的内部库资料"><a href="#完善的内部库资料" class="header-anchor">#</a> 完善的内部库资料</h3> <p>区分每个 topic 的重难点，让学员更加清晰的学习，同时每个topic有对应的群聊讨论，每个topic都有专门擅长这个领域的导师负责维护，同时会不断的更新优化，对应topic的内容</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/asynccode" loading="lazy" class="lazy"></p> <p>专项的topic群聊：</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/asynccode" loading="lazy" class="lazy"></p> <p>3 年以来我们沉淀了大量的学习资料，这次学员进了我们 <strong>新版内部库</strong> 的感受，我们非常用心的整理沉淀体系化了，包含基础，项目重难点，各个框架的侧重点，以及如果回答，如何表述！</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/asynccode" loading="lazy" class="lazy"></p> <h3 id="每周技术分享"><a href="#每周技术分享" class="header-anchor">#</a> 每周技术分享</h3> <ul><li>每周都会有技术分享，导师的主题直播分享，学员学习经验、拿到offer的情况的分享。</li></ul> <p><img alt="" data-src="https://pic.yupi.icu/5563/asynccode" loading="lazy" class="lazy"></p> <p><img alt="" data-src="https://pic.yupi.icu/5563/asynccode" loading="lazy" class="lazy"></p> <h3 id="学员学习记录"><a href="#学员学习记录" class="header-anchor">#</a> 学员学习记录</h3> <p><strong>时间证明价值</strong>：我们学员的内部库目前已经沉淀的160w字，这是我们已经在做的事，全部的都是学员自己写的，所以在面试训练营里面你会看到一个积极向上的学习氛围，大家都在默默的努力着，追寻自己的目标！</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/asynccode" loading="lazy" class="lazy"></p> <p>面试辅导拒绝躺平，你既然花了钱，就必须学习，<strong>环境****寒心，但是心不能寒，依旧要努力把这件事做好，才能更有机会，今年大家出去面试应该能够深刻的感受到</strong>，虽然你花了钱不找我们，对我们来说是件好事，但是，对你自己来说你这个钱花的就毫无意义，我们也不希望看到这样的现象，所以我们为大家准备了内部学习库，监督你刷题学习。</p> <h3 id="导师给学员建立学习档案"><a href="#导师给学员建立学习档案" class="header-anchor">#</a> 导师给学员建立学习档案</h3> <p>我们给每一位同学，都建立了学习档案，记录你每一次检测的情况，如有问题及时同步，<strong>要求每一位导师必须详细记录，我们实时监督！</strong>，我们是做服务的，从进入到面试训练营，到拿到offer结束，每一次一对一都是会责任到人，都要落实到文档中记录！</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/asynccode" loading="lazy" class="lazy"></p> <h3 id="每周监督"><a href="#每周监督" class="header-anchor">#</a> 每周监督</h3> <p><img alt="" data-src="https://pic.yupi.icu/5563/asynccode" loading="lazy" class="lazy"></p> <ul><li>我们这边目前是人力监督，没有做一些自动的化操作，让学员自己写，因为之前也试过，效果不是很好，所有我们这边每周都有专门的助教人工统计大家的学习进度，有问题方便对齐，目的就是监督大家持续学习</li> <li>懒惰、三天打鱼两天晒网是我们很多同学常见的现象，但是在这里不行，我们要求每周同学都必须学习总结，不然的话，老师会单独找到你们，说明理由，不能花钱进来躺平，这个是不允许的！</li> <li>所以你们能够看到，我们确实在用心的为大家考虑，我们重服务，成本高，我们希望你们学有所成，这种重服务，你应该在其他培训里面是看不到的。</li> <li>有问题的同学，都会被约谈话，目的就是为了鼓励和督促大家学习，我们是在用心做辅导！</li></ul> <p><img alt="" data-src="https://pic.yupi.icu/5563/asynccode" loading="lazy" class="lazy"></p> <h2 id="适合人群"><a href="#适合人群" class="header-anchor">#</a> 适合人群</h2> <p>校招：时间紧迫，想在短时间内提升各方面的前端面试能力，我们导师都有丰富的大厂校招招聘经验，帮助大家针对性的快速提升能力，冲刺大厂</p> <p>社招：已经离职，或者在职进阶，我们面试训练营目前有70%的同学在职提升，30%的同学离职准备面试。离职的同学还可以来到线下面试训练营学习！</p> <p>通过我们面试训练营的标准，进大厂的很多，但是我们依旧不能保证你肯定能够进大厂，保证你的基本都是在割你，现在这个行情什么样，不用我说大家都知道，我们尽力的帮助到大家进阶提升，通过我们的面试标准，直到拿到offer为止！</p> <h3 id="学习周期"><a href="#学习周期" class="header-anchor">#</a> 学习周期</h3> <ul><li>这个每个人都不一样，这边最快的同学一周就可以拿到offer了，但是实话实说案例不具有代表性，因为我们每个人目前的技术水平不同，所以我们有摸底的一个流程，摸底之后，知道你目前的水平，然后结合我们的经验，大概的能够给出你需要多久</li> <li>中位数，全职准备的周期大概是一个月左右，准备进大厂的时间在3个月+；</li> <li>最终目的：我们的要求是通过我们的综合面试</li></ul> <h2 id="服务多久"><a href="#服务多久" class="header-anchor">#</a> <strong>服务多久</strong>？</h2> <p>加入前端训练营后，我们服务分为两个阶段，不同阶段的服务强度会有所区分：</p> <p><strong>密集训练阶段</strong>：校招拿到offer为止，社招以找到新offer为止（社招最长限制2年，校招最长限制到毕业）。密集指导涵盖<strong>一对一摸底定制化学习路线</strong>、专项前端训练指导、一对一综合模拟面试、面试复盘、项目指导、每周督学等等。</p> <p><strong>养老阶段</strong>：是指已经通过我们的培训拿到offer的同学，我们后续新沉淀的知识库都是一直对学员开放的，并且需要帮忙的时候，我们还是会给你提供人脉和方向性建议。但为了规避法律风险，本阶段我们声明不再承担任何责任，并有权利终止任何服务。</p> <h3 id="怎么收费"><a href="#怎么收费" class="header-anchor">#</a> <strong>怎么收费？</strong></h3> <p>我们是多位导师强服务的模式，目前定价 <strong>5000</strong> <strong>元</strong> 。</p> <p>比起其他培训机构动辄一两万的收费标准，这个价格说是白菜价格也不太过分吧。</p> <p>随着报名的人越来越多，训练营沉淀的内容越来越多，我们付出的精力更多的时候，后面肯定会涨价的，而且涨价的幅度不是几十块的涨，而是几百块，甚至上千块的涨，所以<strong>早加入训练营，是有价格优势</strong> 的。</p> <h2 id="怎么报名"><a href="#怎么报名" class="header-anchor">#</a> 怎么报名？</h2> <p>如果想报名、或者还有什么想要咨询的。</p> <p>请直接 <strong>扫码添加鱼皮</strong> 的微信，记得要加备注【<strong>前端训练营</strong>】，发送您的个人情况，我们会帮你进行评估，看看是否适合加入~</p> <blockquote><p>添加好友后，免费送整理好的面试题资料哦！</p></blockquote> <p><img alt="" data-src="https://pic.yupi.icu/5563/202312151402515.png" loading="lazy" class="lazy"></p></div> <footer class="page-edit" style="margin:0;"><div class="edit-link"><a href="https://github.com/liyupi/codefather/edit/master/产品服务/前端突击 - 前端面试训练营.md" target="_blank" rel="noopener noreferrer">完善页面</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">最近更新:</span> <span class="time">12/15/2023, 2:04:22 PM</span></div></footer> <!----></div> <div class="toc-container-sidebar"><div class="pos-box"><div class="icon-arrow"></div> <div class="scroll-box" style="max-height:86vh"><div style="font-weight:bold;">前端突击 - 前端面试训练营</div> <hr> <div class="toc-box"><ul class="toc-sidebar-links"><li><a href="/%E5%89%8D%E7%AB%AF%E7%AA%81%E5%87%BB-%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95%E8%AE%AD%E7%BB%83%E8%90%A5/#专业面试辅导" class="toc-sidebar-link">专业面试辅导</a><ul class="toc-sidebar-sub-headers"></ul></li><li><a href="/%E5%89%8D%E7%AB%AF%E7%AA%81%E5%87%BB-%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95%E8%AE%AD%E7%BB%83%E8%90%A5/#学员拿过哪些offer" class="toc-sidebar-link">学员拿过哪些offer？</a><ul class="toc-sidebar-sub-headers"><li class="toc-sidebar-sub-header"><a href="/%E5%89%8D%E7%AB%AF%E7%AA%81%E5%87%BB-%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95%E8%AE%AD%E7%BB%83%E8%90%A5/#就业率" class="toc-sidebar-link">就业率</a></li></ul></li><li><a href="/%E5%89%8D%E7%AB%AF%E7%AA%81%E5%87%BB-%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95%E8%AE%AD%E7%BB%83%E8%90%A5/#前端导师团队" class="toc-sidebar-link">前端导师团队</a><ul class="toc-sidebar-sub-headers"><li class="toc-sidebar-sub-header"><a href="/%E5%89%8D%E7%AB%AF%E7%AA%81%E5%87%BB-%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95%E8%AE%AD%E7%BB%83%E8%90%A5/#后端导师" class="toc-sidebar-link">后端导师</a></li></ul></li><li><a href="/%E5%89%8D%E7%AB%AF%E7%AA%81%E5%87%BB-%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95%E8%AE%AD%E7%BB%83%E8%90%A5/#辅导流程" class="toc-sidebar-link">辅导流程</a><ul class="toc-sidebar-sub-headers"><li class="toc-sidebar-sub-header"><a href="/%E5%89%8D%E7%AB%AF%E7%AA%81%E5%87%BB-%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95%E8%AE%AD%E7%BB%83%E8%90%A5/#_1、1v1模拟面试摸底" class="toc-sidebar-link">1、1v1模拟面试摸底</a></li><li class="toc-sidebar-sub-header"><a href="/%E5%89%8D%E7%AB%AF%E7%AA%81%E5%87%BB-%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95%E8%AE%AD%E7%BB%83%E8%90%A5/#_2、制定学习计划" class="toc-sidebar-link">2、制定学习计划</a></li><li class="toc-sidebar-sub-header"><a href="/%E5%89%8D%E7%AB%AF%E7%AA%81%E5%87%BB-%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95%E8%AE%AD%E7%BB%83%E8%90%A5/#_3、阶段性成果验收" class="toc-sidebar-link">3、阶段性成果验收</a></li><li class="toc-sidebar-sub-header"><a href="/%E5%89%8D%E7%AB%AF%E7%AA%81%E5%87%BB-%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95%E8%AE%AD%E7%BB%83%E8%90%A5/#_4、全周期成果验收-综合面试" class="toc-sidebar-link">4、全周期成果验收（综合面试）</a></li><li class="toc-sidebar-sub-header"><a href="/%E5%89%8D%E7%AB%AF%E7%AA%81%E5%87%BB-%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95%E8%AE%AD%E7%BB%83%E8%90%A5/#_5、项目重难点优化" class="toc-sidebar-link">5、项目重难点优化</a></li><li class="toc-sidebar-sub-header"><a href="/%E5%89%8D%E7%AB%AF%E7%AA%81%E5%87%BB-%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95%E8%AE%AD%E7%BB%83%E8%90%A5/#_6、专项的面试复盘" class="toc-sidebar-link">6、专项的面试复盘</a></li></ul></li><li><a href="/%E5%89%8D%E7%AB%AF%E7%AA%81%E5%87%BB-%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95%E8%AE%AD%E7%BB%83%E8%90%A5/#优秀的导师带来的经验价值" class="toc-sidebar-link">优秀的导师带来的经验价值</a><ul class="toc-sidebar-sub-headers"><li class="toc-sidebar-sub-header"><a href="/%E5%89%8D%E7%AB%AF%E7%AA%81%E5%87%BB-%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95%E8%AE%AD%E7%BB%83%E8%90%A5/#完善的内部库资料" class="toc-sidebar-link">完善的内部库资料</a></li><li class="toc-sidebar-sub-header"><a href="/%E5%89%8D%E7%AB%AF%E7%AA%81%E5%87%BB-%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95%E8%AE%AD%E7%BB%83%E8%90%A5/#每周技术分享" class="toc-sidebar-link">每周技术分享</a></li><li class="toc-sidebar-sub-header"><a href="/%E5%89%8D%E7%AB%AF%E7%AA%81%E5%87%BB-%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95%E8%AE%AD%E7%BB%83%E8%90%A5/#学员学习记录" class="toc-sidebar-link">学员学习记录</a></li><li class="toc-sidebar-sub-header"><a href="/%E5%89%8D%E7%AB%AF%E7%AA%81%E5%87%BB-%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95%E8%AE%AD%E7%BB%83%E8%90%A5/#导师给学员建立学习档案" class="toc-sidebar-link">导师给学员建立学习档案</a></li><li class="toc-sidebar-sub-header"><a href="/%E5%89%8D%E7%AB%AF%E7%AA%81%E5%87%BB-%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95%E8%AE%AD%E7%BB%83%E8%90%A5/#每周监督" class="toc-sidebar-link">每周监督</a></li></ul></li><li><a href="/%E5%89%8D%E7%AB%AF%E7%AA%81%E5%87%BB-%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95%E8%AE%AD%E7%BB%83%E8%90%A5/#适合人群" class="toc-sidebar-link">适合人群</a><ul class="toc-sidebar-sub-headers"><li class="toc-sidebar-sub-header"><a href="/%E5%89%8D%E7%AB%AF%E7%AA%81%E5%87%BB-%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95%E8%AE%AD%E7%BB%83%E8%90%A5/#学习周期" class="toc-sidebar-link">学习周期</a></li></ul></li><li><a href="/%E5%89%8D%E7%AB%AF%E7%AA%81%E5%87%BB-%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95%E8%AE%AD%E7%BB%83%E8%90%A5/#服务多久" class="toc-sidebar-link">服务多久？</a><ul class="toc-sidebar-sub-headers"><li class="toc-sidebar-sub-header"><a href="/%E5%89%8D%E7%AB%AF%E7%AA%81%E5%87%BB-%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95%E8%AE%AD%E7%BB%83%E8%90%A5/#怎么收费" class="toc-sidebar-link">怎么收费？</a></li></ul></li><li><a href="/%E5%89%8D%E7%AB%AF%E7%AA%81%E5%87%BB-%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95%E8%AE%AD%E7%BB%83%E8%90%A5/#怎么报名" class="toc-sidebar-link">怎么报名？</a><ul class="toc-sidebar-sub-headers"></ul></li></ul></div></div></div></div></div>  <main class="footer"> <div class="copy-right"><span class="name"> 编程导航   |     </span> <a target="_blank" rel="noreferrer">
          
        </a></div></main></main> <aside class="page-sidebar"> <div class="page-side-toolbar"></div>  </aside></div><div class="global-ui"><!----></div></div>
    <script src="/assets/js/app.12ab4756.js" defer></script><script src="/assets/js/2.fd06b53e.js" defer></script><script src="/assets/js/29.177558be.js" defer></script>
  </body>
</html>
